<template>
	<div id="order">
        <div class="sideBar">
        	<div class="subnav">
        		<div class="item">
	        		<a class="title active" href="javascript:;">
		                <i class="fa fa-file-text-o fw"></i>
		                <span class="text">本地订单</span>
		            </a>
        			<div class="subnav-item">
		                <ul>
		                    <li>
		                        <a href="#">全部&nbsp;</a>
		                    </li>
		                    <li>
		                        <a href="#">待分房&nbsp;<span>(4)</span></a>
		                    </li>
		                    <li>
		                        <a href="#">今日预到&nbsp;<span>(0)</span></a>
		                    </li>
		                    <li class="active">
		                        <a href="#">当前在店&nbsp;<span>(0)</span></a>
		                    </li>
		                    <li>
		                        <a href="#">今日预离&nbsp;<span>(0)</span></a>
		                    </li>
						</ul>
		            </div>
		            <div class="item">
			            <a class="title" href="javascript:;">
			                <i class="fa fa-anchor fw"></i>
			                <span class="text">渠道直连</span>
			            </a>
			            <div class="subnav-item">
			                <ul>
			                    <li>
			                        <a href="#">全部&nbsp;</a>
			                    </li>
			                    <li>
			                        <a href="#">待确认&nbsp;<span>(0)</span></a>
			                    </li>
			                </ul>
			            </div>
			        </div>
        		</div>
        	</div>
        </div>

        <div class="main">
			<div class="channel-all">
				<div class="q-order channel-list">
					<div class="search">
						<div class="list">
							<input class="form-control input-sm w280 search-input search-control" placeholder="姓名、电话或订单号">
							<input type="button" class="form-control search-control input-sm btn-success ml10 w80" value="查询">
							<span class="ml20 more-btn">更多查询条件&nbsp;<i class="fa fa-angle-down fw"></i></span>
						</div>
					</div>
				</div>
          </div>
        </div>
    </div>
</template>
<script>
	import { mapGetters ,mapActions} from 'Vuex'
	import './order.less'
	export default{
		name:"",
		data(){
			return {

			}
		},
		methods:{

		},
		computed:{

		},
		mounted:function(){

		},
		watch:{

		},
		destroyed:function(){

		},
		components:{

		}
	}
</script>

<style scoped lang="less">
	
</style>